<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, width=device-width, maximum-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="address=no">
    <link href="public/css/1.0/common.css?134589" rel="stylesheet" type="text/css">
    <link href="public/css/1.0/haiyang.css?134589" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="public/js/1.0/share.js"></script>
    <script type="text/javascript" src="public/js/shuju.js"></script>
    <script src="http://cdn.bootcss.com/jquery/1.11.0/jquery.js"></script>
    <script type='text/javascript'>
        document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
            WeixinJSBridge.call('hideToolbar');
        });
    </script>	<script src="http://cdn.bootcss.com/jquery.lazyload/1.9.1/jquery.lazyload.min.js"></script>
    <title>经典视频</title>

    <script type="text/javascript">
        $(function() {
            $("img.lazy").lazyload({effect : "fadeIn", threshold : 200, failurelimit : 10});
        });
    </script>
</head>
<body>
<section class="header video">
    <img src="public/images/img-book-gmexthjl.png" style="position:absolute;top: -1000px;left:-1000px;"/>
    <div class="face">
        <div class="icon">
            <img src="public/images/img-background-face.png" class="b" />
            <img src="public/images/img-face.jpg" class="f" />
        </div>
        <div class="text">
            经典视频
        </div>
    </div>
</section>

<section class="list-1">
<?php 
//加载配置文件中的数据。
$data = json_decode(file_get_contents('video.json'), true);
//循环便利数据。
foreach ($data['video'] as $k => $v) {?>
    <a class="item" href="shipin1.php?id=<?php echo $v['id'];?>">
        <div class="thumbnail" title=<?php echo $v['title'];?>>
            <img class="lazy" src="./public/images/0-dcn9iA.jpg" alt=<?php echo $v['title'];?> width="100" height="56">
            <div class="mark-play"></div>
        </div>
        <div class="caption" style="float:none;">
            <span ><?php echo $v['title'];?></span>
        </div>
        <div class="clear"></div>
    </a>
<?php }?>
</section>

<?php include 'footer.php';?>

</body>
</html>